Models Matter: A Case for Using Diverse Models on Ecommerce Websites 電商網站多樣化模特選擇的重要性

購物者不僅喜歡看到多樣化的模特展示,這也能增強他們的購買信心。缺乏多樣性的模特選擇可能讓購物者感到被忽視。我們的電商使用者體驗研究顯示,消費者普遍認可並讚賞網站在模特的種族、身材和年齡方面展現的多樣性。

網站攝影中的模特多樣性:使用者感受到的包容性

Vrai.com的使用者在瀏覽訂婚戒指時,注意到模特種族的多樣性,她認為這種展示方式在婚禮產品中尤為清新和重要。這讓她感到被品牌重視。
Girlfriend Collective透過新聞彈窗展示不同體型和種族的模特,使使用者在第一時間感受到品牌的包容性。

允許購物者選擇模特:個性化的購物體驗

一些電商網站允許使用者選擇模特,根據體型或膚色展示產品。這種功能尤其適用於服裝和美容產品,因為它們在不同體型和膚色上的表現可能會有很大差異。

在GoodAmerican.com,使用者可以選擇與自己體型相近的模特,進一步增強購物決策的信心。Madewell也提供類似功能,儘管所有模特都較高,使用者仍能根據模特身高和體型推測產品是否適合自己。
允許使用者透過點選模型影象下方的連結來更改模型。
Madewell 允許使用者選擇他們的模特,以便使用者可以確定牛仔褲在自己身上的穿著效果。

模特選擇功能的挑戰

沃爾瑪移動應用程式:(左)一些產品包含一個深藍色標籤,提示使用者選擇他們的型號。(右)當使用者點選“選擇我的型號”時,該功能提示他們輸入自己的尺寸和身高,以便展示與他們相似的模特。
該功能儲存了使用者的模型選擇,並使用該模型來展示與該功能相容的其他產品。(右)不幸的是,並非所有產品都與該功能相容;例如,Dokotoo 天藍色連衣裙是在不同的模型上展示的。

1 功能的相容性問題。在Walmart的模特選擇功能中,並非所有產品都相容這一功能。當功能不可用時,使用者可能會感到困惑,尤其是同一類別下的不同產品使用了不同的展示方式。

2 展示方式的侷限性。Walmart使用技術將衣物影象疊加到模特框架上,而非實際拍攝。這種方式可能誤導使用者,無法真實反映產品的穿著效果。

之前選定的一個小碼模特穿著一件甚至不是標準尺碼的產品。

3 縮圖的一致性問題。產品列表頁面的縮圖未體現使用者選擇的模特,限制了這一功能在瀏覽過程中的實用性。

在沃爾瑪網站上,同一款連衣裙展示在兩個不同尺碼的模特身上。很明顯,這款連衣裙的影象是相同的,只是為了適應模特而進行了調整,因為印花元素的位置在完全相同的地方。

模特選擇功能的適用場景

何時提供模特選擇功能。模特選擇需要較高的使用者互動成本,因此應避免讓使用者為每件產品重複選擇。如果絕大多數產品都支援這一功能,模特選擇可以成為一項有效工具。但如果支援的產品較少,更好的做法是直接在頁面展示不同模特的照片。

如何提升功能的易用性。模特選擇功能應在類別頁面和產品頁面中顯眼地展示。透過高對比度的按鈕或圖示,引導使用者輕鬆找到並使用這一功能。

在產品頁面展示多樣化模特

如果模特選擇功能無法覆蓋所有產品,那麼直接展示不同尺寸、膚色的模特是更靈活的選擇。

Good American和Savage X Fenty透過在產品頁面展示多樣化模特,滿足了不同使用者的需求。
(Savage X Fenty)的:使用者可以在產品照片下方選擇一個尺碼,以檢視該尺碼的模特穿著該產品的效果。
Nykaa.com 允許購物者使用“試穿”功能調整數字渲染的膚色,以檢視口紅在不同膚色上的效果。(右)在“試穿”功能中,使用者不僅可以調整各種膚色,還可以用這些膚色測試各種口紅色調。在這個螢幕截圖中,我們也調整了口紅的色調。
儘管該頁面允許使用者在不同模特身上檢視同一種顏色,但模特姿勢的多變性、產品的使用方式,以及所選顏色的低可視性,使得一位購物者很難意識到她所看到的是什麼。
Glossier 的色號對比工具允許使用者瀏覽各種顏色在不同膚色上的呈現效果。

線上購物相比實體店更具挑戰,尤其是服裝、美妝等需要“試穿”的產品。展示單一型別模特會讓消費者對產品適合度產生疑慮。

為了增強購物者的信心,電商網站需透過以下方式讓消費者與產品建立聯絡:

  1. 提供多樣化模特,展示不同體型和膚色的人群。
  1. 模特選擇功能應貫穿整個類別,減少使用者重複選擇的成本,並清楚說明其適用範圍。
  1. 若模特選擇功能不可行,則直接在產品頁面展示多種模特的照片。

當使用者看到與自己相似的模特展示產品時,他們會對購買更有信心,進而更傾向於完成交易並再次訪問網站。